<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>超链接学习</title>
</head>
<body>
<!--
锚链接:需要一个锚标记。使用#+标记名字实现跳转
-->
<a name="top">顶部</a>
<!--
a:超链接标签
---href是必填的，表示要跳转到哪个页面
---target：表示在哪里打开
         ---blank表示在新标签中打开
         ---self表示在自己的网页中打开
-->

<a href="2.基本标签.html" target="_blank">点击我跳转到第一个页面</a>
<a href="https://www.baidu.com">点击我跳转到百度</a>
<br/>
<a href="2.基本标签.html">
    <img src="../resource/imag/1.jpg" alt="这是一个图片" title="点击图片跳转到第一个页面" width="300" height="300px">
</a>

<a href="#top">回到顶部</a>
<a name="down">底部</a>
<!--
功能性链接：
1，邮件链接：mailto
2.QQ链接，QQ推广
-->
<a href="mailto:1951782142qq.com">点击联系我</a>
<a  target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=2725138208&site=qq&menu=yes ">
    <img src="../resource/imag/1.jpg" alt="点击我联系我" title="点击图片联系我" width="50" height="50px">
</a>
</body>
</html>